// Copyright 2017 The Kubernetes Authors.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

@import './../variables';

kd-login {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 12 * $baseline-grid;
}

.kd-login-card {
  margin: auto;
  width: 50%;

  h1 {
    background-color: $primary;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: $content-background;
    margin: -1px;
  }

  kd-content {
    display: block;
    padding: 3 * $baseline-grid;
  }
}

.kd-login-card-content {
  padding: 0 2 * $baseline-grid;
}

.kd-login-error {
  display: flex;
  justify-content: center;
  margin-bottom: 2 * $baseline-grid;

  .kd-warnings-container {
    width: 50%;
  }
}

.kd-option-container {
  padding-top: $baseline-grid / 2;

  md-input-container {
    margin: (2.5 * $baseline-grid) (3.25 * $baseline-grid);
  }
}

.kd-login-option {
  margin-bottom: $baseline-grid;
}

.kd-login-option-desc {
  font-size: $body-font-size-base;
  margin: 0 (3.75 * $baseline-grid) (2 * $baseline-grid);
}
